<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="main" />
<title>Home Page</title>
<asset:javascript src="js/home.js" />
<asset:javascript src="js/user/user.js" />
<asset:javascript src="js/user/userValidate.js" />
</head>
<body>
<div class="wrapper">
	<div class="row">
		<h3 class="col-md-4 col-md-offset-4 col-xs-12 reset-header">SET NEW PASSWORD</h3>
		<div class="col-md-4 col-md-offset-4 col-xs-12 reset-body">
			<br>
			<g:form role="form" controller="User" action="changePassword" class="form-horizontal" name="resetPasswordForm">
				<div class="hidden">
					<g:hiddenField name="userId" value="${userId}"/>
					<g:hiddenField name="keyResetPass" value="${keyResetPass}"/>
				</div>
				<div class="form-group">
					<label>New password</label>
					<input type="password" class="form-control" name="newPassword" id="reset-password" placeholder="New password">
				</div>
				<div class="form-group">
					<label>Retype new password</label>
					<input type="password" class="form-control" name="newPasswordRetype" id="re-reset-password" placeholder="Retype new password">
				</div>
				<br>
				<div class="form-group">
					<div class="col-md-1"></div>
					<input type="submit" class="btn btn-primary col-md-4 col-xs-5" id="resetButton" value="Reset Password" onclick=""/>
					<div class="col-md-2 col-xs-2"></div>
					<a class="btn btn-default col-md-4 col-xs-5" href="/home/index">Cancel</a>
				</div>
			</g:form>
		</div>
	</div>
</div>
</body>
</html>